// 样式化组件

import styled from "@emotion/styled"

function Demo({className}) {
  return <div className={className}>Demo</div>
}

const Fancy = styled(Demo)`
  width: 200px;
  height: 200px;
  background: #333;
  color: #fff;
`
const Fancy2 = styled(Demo)({
  width: 100,
  height: 100,
  background: 'green'
})

function App() {
  return <div>
    <Fancy></Fancy>
    <Fancy2></Fancy2>
  </div>
}

export default App